<template>
  <div class="content">
    <vs-filter :data="filterData"></vs-filter>
    <sys-filter
      :checkedList="filterData.vechile.value"
      :data="list"
      v-on:update:checkedList="change"
    ></sys-filter>
  </div>
</template>
<script>
import vsFilter from '../../../components/myFilterCom/filter';
import sysFilter from '../../../components/sysListFilter';
export default {
  data() {
    return {
      filterData: {
        vechile: {
          type: 'select', //过滤类型：单选，required
          name: '车辆组：', //过滤组名称，required
          id: 1,
          data: [
            { label: '车辆组A', value: 1 },
            { label: '车辆组B', value: 2 },
            { label: '车辆组C', value: 3 },
            { label: '车辆组D', value: 4 },
            { label: '车辆组E', value: 5 },
            { label: '车辆组F', value: 6 }
          ],
          mutiple: true,
          value: [1, 2, 3, 5], //选择数据，required
          hideAll: true //是否隐藏全选
        },
        vechile2: {
          type: 'select', //过滤类型：单选，required
          name: '车辆组2：', //过滤组名称，required
          id: 2,
          data: [
            { label: '车辆组A', value: 1 },
            { label: '车辆组B', value: 2 },
            { label: '车辆组C', value: 3 },
            { label: '车辆组D', value: 4 },
            { label: '车辆组E', value: 5 },
            { label: '车辆组F', value: 6 }
          ],
          mutiple: true,
          value: [1, 2, 3, 5], //选择数据，required
          hideAll: true //是否隐藏全选
        }
        // text: {
        //   type: 'text', //过滤类型：单选，required
        //   name: '文本:', //过滤组名称，required
        //   id: 2,
        //   data: [
        //     { label: '车辆组A', value: 1 },
        //     { label: '车辆组B', value: 2 },
        //     { label: '车辆组C', value: 3 },
        //     { label: '车辆组D', value: 4 },
        //     { label: '车辆组E', value: 5 },
        //     { label: '车辆组F', value: 6 }
        //   ],
        //   value: [], //选择数据，required
        //   hideAll: true //是否隐藏全选
        // }
        // date: {
        //   type: 'date', //过滤类型：单选，required
        //   name: '日期：', //过滤组名称，required
        //   data: [
        //     { label: '车辆组A', value: 1 },
        //     { label: '车辆组B', value: 2 },
        //     { label: '车辆组C', value: 3 },
        //     { label: '车辆组D', value: 4 },
        //     { label: '车辆组E', value: 5 },
        //     { label: '车辆组F', value: 6 }
        //   ],
        //   value: [], //选择数据，required
        //   hideAll: true //是否隐藏全选
        // }
      },
      list: [
        { text: '车辆组A', value: 1 },
        { text: '车辆组B', value: 2 },
        { text: '车辆组C', value: 3 },
        { text: '车辆组D', value: 4 },
        { text: '车辆组E', value: 5 },
        { text: '车辆组F', value: 6 }
      ]
    };
  },
  components: {
    vsFilter,
    sysFilter
  },
  watch: {},
  mounted() {
    console.log(this.$t('common.text'));
  },

  methods: {
    change(res) {
      this.filterData['vechile'].value = res;
    }
  }
};
</script>
<style lang="scss" scoped>
.content {
}
</style>
